@charset "UTF-8";body,
html{width: 100%}
input::-ms-clear,
input::-ms-reveal{display: none}
*,
:after,
:before{box-sizing: inherit}
html{font-family: sans-serif;line-height: 1.15;box-sizing: border-box;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-ms-overflow-style: scrollbar;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
@-ms-viewport{width: device-width}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section{display: block}
body{margin: 0;color: rgba(0, 0, 0, .6);font-size: 14px;font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Arial, Microsoft YaHei, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;font-variant: tabular-nums;font-weight: 400;line-height: 1.5715;background-color: #fff;font-feature-settings: "tnum"}
[tabindex="-1"]:focus{outline: none!important}
hr{box-sizing: content-box;height: 0;overflow: visible}
h1,
h2,
h3,
h4,
h5,
h6{color: rgba(0, 0, 0, .6);font-weight: 500}
h1,
h2,
h3,
h4,
h5,
h6,
p{margin-top: 0;margin-bottom: 0}
abbr[data-original-title],
abbr[title]{text-decoration: underline;-webkit-text-decoration: underline dotted;text-decoration: underline dotted;border-bottom: 0;cursor: help}
address{margin-bottom: 1em;font-style: normal;line-height: inherit}
input[type=number],
input[type=password],
input[type=text],
textarea{-webkit-appearance: none}
dl,
ol,
ul{margin-top: 0;margin-bottom: 1em}
ol ol,
ol ul,
ul ol,
ul ul{margin-bottom: 0}
dt{font-weight: 500}
dd{margin-bottom: .5em;margin-left: 0}
blockquote{margin: 0 0 1em}
dfn{font-style: italic}
b,
strong{font-weight: bolder}
small{font-size: 80%}
sub,
sup{position: relative;font-size: 75%;line-height: 0;vertical-align: baseline}
sub{bottom: -.25em}
sup{top: -.5em}
a{color: rgba(0, 0, 0, .6);text-decoration: none;background-color: transparent;outline: none;cursor: pointer;transition: color .3s;-webkit-text-decoration-skip: objects}
a:focus{text-decoration: none;-webkit-text-decoration-skip: ink;text-decoration-skip-ink: auto}
a:hover{text-decoration: none;outline: 0}
code,
kbd,
pre,
samp{font-size: 1em;font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace}
pre{margin-top: 0;margin-bottom: 1em;overflow: auto}
figure{margin: 0 0 1em}
img{vertical-align: middle;border-style: none}
svg:not(:root){overflow: hidden}
[role=button],
a,
area,
button,
input:not([type=range]),
label,
select,
summary,
textarea{touch-action: manipulation}
table{border-collapse: collapse}
caption{padding-top: .75em;padding-bottom: .3em;color: rgba(0, 0, 0, .45);text-align: left;caption-side: bottom}
th{text-align: inherit}
button,
input,
optgroup,
select,
textarea{margin: 0;color: inherit;font-size: inherit;font-family: inherit;line-height: inherit}
button,
input{overflow: visible}
button,
select{text-transform: none}
[type=reset],
[type=submit],
button,
html [type=button]{-webkit-appearance: button}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner{padding: 0;border-style: none}
input[type=checkbox],
input[type=radio]{box-sizing: border-box;padding: 0}
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time]{-webkit-appearance: listbox}
textarea{overflow: auto;resize: vertical}
fieldset{min-width: 0;margin: 0;padding: 0;border: 0}
legend{display: block;width: 100%;max-width: 100%;margin-bottom: .5em;padding: 0;color: inherit;font-size: 1.5em;line-height: inherit;white-space: normal}
progress{vertical-align: baseline}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{height: auto}
[type=search]{outline-offset: -2px;-webkit-appearance: none}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration{-webkit-appearance: none}
::-webkit-file-upload-button{font: inherit;-webkit-appearance: button}
output{display: inline-block}
summary{display: list-item}
template{display: none}
[hidden]{display: none!important}
mark{padding: .2em;background-color: #feffe6}
::-moz-selection{color: #fff;background: #004aa5}
::selection{color: #fff;background: #004aa5}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{font-family: inherit;font-weight: 400;line-height: 1.3;color: inherit;margin-bottom: 0}
.h1{font-size: 40px}
.h2{font-size: 28px}
.h3{font-size: 24px}
.h4{font-size: 20px}
.h5{font-size: 18px}
.h6{font-size: 16px}
hr{margin-top: 16px;margin-bottom: 16px;border: 0;border-top: 1px solid rgba(0, 0, 0, .1)}
.clearfix:after,
.clearfix:before{content: " ";display: table}
.clearfix:after{clear: both}
.center-block{display: block;margin-left: auto;margin-right: auto}
.pull-right{float: right}
.pull-left{float: left}
.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0}
.sr-only-focusable:active,
.sr-only-focusable:focus{position: static;width: auto;height: auto;margin: 0;overflow: visible;clip: auto}
.invisible{visibility: hidden}
.text-hide{font: "0/0", a;color: transparent;text-shadow: none;background-color: transparent;border: 0}
.text-left{text-align: left}
.text-right{text-align: right}
.text-center{text-align: center}
.text-justify{text-align: justify;text-justify: inter-ideograph}
.text-nowrap,
.text-truncate{white-space: nowrap}
.text-truncate{overflow: hidden;text-overflow: ellipsis}
.text-lowercase{text-transform: lowercase}
.text-uppercase{text-transform: uppercase}
.text-capitalize{text-transform: capitalize}
.c-flex{display: flex;flex-wrap: wrap;align-items: center}
.overflow-hidden{overflow: hidden}
::-webkit-scrollbar{background: #f4f4f4;width: 8px;height: 8px}
::-webkit-scrollbar-thumb{background: rgba(0, 0, 0, .2);width: 8px;height: 8px;border-radius: 8px}
::-webkit-scrollbar-track{border-radius: 8px}
input:-webkit-autofill{box-shadow: inset 0 0 0 1000px #fff!important}
svg.icon{width: 1em;height: 1em;vertical-align: -.15em;fill: currentColor;overflow: hidden}
.unable-to-interact{cursor: not-allowed;pointer-events: none}
@media only screen and (max-width:1440px){.h1{font-size: 32px}
.h2{font-size: 26px}
.h3{font-size: 22px}
.h4{font-size: 18px}
.h5{font-size: 16px}
.h6{font-size: 14px}}
@media only screen and (max-width:960px){.h1{font-size: 26px}
.h2{font-size: 21px}
.h3{font-size: 18px}
.h4{font-size: 16px}
.h5{font-size: 15px}}
@media only screen and (max-width:640px){.h1{font-size: 22px}
.h2{font-size: 19px}
.h3{font-size: 16px}
.h4{font-size: 15px}
.h5{font-size: 14px}
.h6{font-size: 13px}}
@-webkit-keyframes fadeIn{0%{opacity: 0}
to{opacity: 1}}
@keyframes fadeIn{0%{opacity: 0}
to{opacity: 1}}
@-webkit-keyframes fadeOut{0%{opacity: 1}
to{opacity: 0}}
@keyframes fadeOut{0%{opacity: 1}
to{opacity: 0}}
@-webkit-keyframes scaleIn{0%{transform: scale(.88)}
to{transform: scale(1)}}
@keyframes scaleIn{0%{transform: scale(.88)}
to{transform: scale(1)}}
.v-container{opacity: 0;visibility: hidden;transition: opacity .3s, visibility .3s}
.v-container.ready{opacity: 1;visibility: visible}
.el-message-box{max-width: 94%}
@media only screen and (max-width:640px){.el-cascader-menu{min-width: 100px}
.el-cascader-menu .el-cascader-node__label{font-size: 12px}
.el-cascader-menu .el-cascader-node__postfix{right: 6px;font-size: 12px}
.el-cascader-menu .el-cascader-node__prefix{left: 6px;font-size: 12px;display: none}
.el-cascader-menu .el-cascader-node{padding: 0 16px 0 0;line-height: 28px;height: 28px}}
.iconfont{font-family: iconfont!important;font-size: inherit;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.magnifierRentgen{box-sizing: border-box;overflow: hidden;position: relative;width: 100%}
.magnifierRentgen .magnifier-loupe{overflow: hidden;position: absolute;border-radius: 50%;top: 0;left: 0;box-shadow: 0 0 8px rgba(0, 0, 0, .3);cursor: none;transform: scale(1);display: none}
.c-notification{position: fixed;right: 0;top: 24px;z-index: 9999;max-width: calc(100vw - 32px);margin-right: 24px}
.c-notification-notice{position: relative;padding: 16px 24px;width: 384px;margin-bottom: 16px;margin-left: auto;overflow: hidden;background: #fff;border-radius: 2px;box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);-webkit-animation: NotificationFadeIn .2s cubic-bezier(.645, .045, .355, 1);animation: NotificationFadeIn .2s cubic-bezier(.645, .045, .355, 1)}
.c-notification-notice .c-notification-notice-content{position: relative}
.c-notification-notice .c-notification-notice-with-icon{padding-left: 48px}
.c-notification-notice .c-notification-notice-with-icon .c-notification-notice-description{margin-top: 4px}
.c-notification-notice .c-notification-notice-icon{position: absolute;left: 0;margin-left: 4px;font-size: 24px;line-height: 24px}
.c-notification-notice .c-notification-notice-icon .icon-success{color: #52c41a}
.c-notification-notice .c-notification-notice-icon .icon-info{color: #1890ff}
.c-notification-notice .c-notification-notice-icon .icon-warning{color: #faad14}
.c-notification-notice .c-notification-notice-icon .icon-error{color: #ff4d4f}
.c-notification-notice .c-notification-notice-message{color: rgba(0, 0, 0, .85);font-size: 16px;line-height: 24px;padding-right: 24px}
.c-notification-notice .c-notification-notice-description{font-size: 14px;margin-top: 8px}
.c-notification-notice .c-notification-notice-close{position: absolute;top: 20px;right: 24px;color: #000;outline: none;font-size: 16px;line-height: 1;cursor: pointer;opacity: .5;transition: opacity .3s}
.c-notification-notice .c-notification-notice-close:hover{opacity: 1}
@-webkit-keyframes NotificationFadeIn{0%{left: 384px;opacity: 0}
to{left: 0;opacity: 1}}
@keyframes NotificationFadeIn{0%{left: 384px;opacity: 0}
to{left: 0;opacity: 1}}
.c-modal{position: relative;z-index: 1;background-color: #fff;margin: 0 auto;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);-webkit-animation: scaleIn .2s ease-in;animation: scaleIn .2s ease-in;border-radius: 5px;overflow: hidden}
.c-modal-wrap{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 99;display: flex;flex-wrap: wrap;align-items: center;-webkit-animation: fadeIn .2s ease-in;animation: fadeIn .2s ease-in;transition: opacity .2s, visibility .2s}
.c-modal-wrap.c-modal-wrap-hide{opacity: 0;visibility: hidden}
.c-modal-mask{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;background-color: rgba(0, 0, 0, .45);cursor: pointer}
.c-modal-content{max-width: 92vw;max-height: 84vh;overflow-y: auto}
.c-modal-close{position: absolute;right: 20px;top: 20px;z-index: 2;font-size: 24px;line-height: 1;cursor: pointer;opacity: .5;transition: opacity .3s, transform .3s;color: #000}
.c-modal-content-img a{display: block}
.c-modal-content-img img{max-width: 100%}
.c-modal-content-video video{width: 800px;max-width: 100%;display: block}
.c-modal-content-videojs{width: 800px;padding-bottom: 56.25%;max-width: 100%}
.c-modal-content-videojs .video-js{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0}
.shop-modal .c-modal{width: 560px;max-width: 92%;padding: 48px 2% 60px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);text-align: center}
.shop-modal .c-modal-content{max-width: 100%;max-height: 100%}
.shop-modal .c-modal-mask{opacity: 0}
.shop-modal .title{font-size: 20px;color: #000;margin-bottom: 4px}
.shop-modal .tit{color: #999}
.shop-modal .list{margin-top: 40px;justify-content: space-between}
.shop-modal .icon{width: 120px;display: block;margin-bottom: 12px}
.login-modal .c-modal{width: 450px;max-width: 92%;padding: 50px 60px;text-align: center}
.login-modal .c-modal-content{max-width: 100%;max-height: 100%}
.login-modal .c-modal-close{display: none}
.login-modal .title{font-size: 22px;color: #000;font-weight: 500;margin-bottom: 40px}
.login-modal .header{justify-content: center;font-size: 18px;border-bottom: 1px solid #eee;margin-bottom: 24px}
.login-modal .header .item{margin-right: 60px;font-weight: 500;color: #000;padding: 0 12px 12px;position: relative;cursor: pointer}
.login-modal .header .item.active{color: #004aa5}
.login-modal .header .item.active:after{opacity: 1}
.login-modal .header .item:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background-color: #004aa5;opacity: 0}
.login-modal .header .item:last-of-type{margin-right: 0}
.login-modal .links{justify-content: space-between;padding-top: 4px}
.login-modal .form{text-align: left;font-size: 14px}
.login-modal .form ::-moz-placeholder{color: rgba(0, 0, 0, .3)}
.login-modal .form ::-webkit-input-placeholder{color: rgba(0, 0, 0, .3)}
.login-modal .form :-ms-input-placeholder{color: rgba(0, 0, 0, .3)}
.login-modal .form .item{margin-bottom: 16px;display: flex;flex-wrap: wrap;align-items: center;border-bottom: 1px solid #eee}
.login-modal .form .item.mb0{margin-bottom: 0}
.login-modal .form .label{width: 64px;line-height: 44px;padding: 0 8px}
.login-modal .form .input{width: calc(100% - 64px);height: 44px;border: none;padding: 0;outline: none;background: none;color: #000;font-size: 14px}
.login-modal .form .submit{background: #004aa5;border: none;outline: none;padding: 0;width: 100%;height: 48px;color: #fff;font-size: 18px;cursor: pointer}
.login-modal .social{margin-top: 40px}
.login-modal .social .tit{text-align: center;justify-content: center;position: relative;font-size: 16px;margin-bottom: 30px}
.login-modal .social .tit:after{content: "";position: absolute;width: 100%;height: 1px;z-index: 0;background-color: #e8e8e8}
.login-modal .social .tit span{padding: 0 16px;background-color: #fff;position: relative;z-index: 1}
.login-modal .social .btns{justify-content: center}
.login-modal .social .btn{font-size: 20px;width: 36px;line-height: 36px;height: 36px;text-align: center;color: #fff;border-radius: 50%;background-color: #6fa3f5;margin-right: 24px}
.login-modal .social .btn:last-of-type{margin-right: 0}
.login-modal .social .btn.weixin{background-color: #49b844}
.login-modal .social .btn.weibo{background-color: #e6162d}
@media only screen and (min-width:961px){.c-modal-close:hover{opacity: 1;transform: rotate(180deg)}}
@media only screen and (max-width:1440px){.login-modal .title{font-size: 20px;margin-bottom: 30px}
.login-modal .header{margin-bottom: 16px}
.login-modal .header .item{margin-right: 48px;padding: 0 8px 8px;font-size: 16px}
.login-modal .c-modal{width: 400px;padding: 40px}
.login-modal .form .submit{line-height: 44px;font-size: 16px}
.login-modal .social{margin-top: 30px}
.login-modal .social .tit{font-size: 14px;margin-bottom: 24px}}
@media only screen and (max-width:640px){.c-modal-content{max-width: 80vw;max-height: 72vh}
.c-modal-close{padding: 4px;top: 16px;right: 16px}
.shop-modal .c-modal{padding: 32px 4% 40px}
.shop-modal .title{font-size: 18px}
.shop-modal .tit{font-size: 12px}
.shop-modal .item{width: 27%;font-size: 12px}
.shop-modal .icon{width: 100%;margin-bottom: 8px}
.shop-modal .list{margin-top: 28px}
.login-modal .title{font-size: 18px;margin-bottom: 24px}
.login-modal .c-modal{padding: 32px}}
.c-empty{padding: 40px 0;font-size: 14px;text-align: center;color: rgba(0, 0, 0, .25)}
.c-empty-image{height: 40px;margin-bottom: 8px}
.c-empty-image svg{height: 100%}
.c-empty-img-simple .c-empty-img-simple-ellipse{fill: #f5f5f5}
.c-empty-img-simple .c-empty-img-simple-g{stroke: #d9d9d9}
.c-empty-img-simple .c-empty-img-simple-path{fill: #fafafa}
.c-empty-footer{margin-top: 16px}
.c-pagination{display: flex;flex-wrap: wrap;align-items: flex-start;margin-top: 30px;justify-content: flex-start;font-weight: 400}
.c-pagination.center{justify-content: center}
.c-pagination.type-a .c-pagination-item{background: none;color: #fff}
.c-pagination.type-a .c-pagination-item.active{background-color: #004aa5}
.c-pagination-item{display: block;font-size: 14px;line-height: 28px;background: #fff;border: 1px solid #ddd;padding: 0 10px;margin-right: 8px;margin-top: 8px;color: #999;transition: all .3s ease-out}
.c-pagination-item.disabled{cursor: not-allowed;color: #999;opacity: .4}
.c-pagination-item:last-of-type{margin-left: 0}
.c-pagination-item.active{color: #fff;background-color: #004aa5;border-color: #004aa5}
@media only screen and (min-width:641px){.c-pagination-item:not(.disabled):hover{color: #fff;background-color: #004aa5;border-color: #004aa5}}
@media only screen and (max-width:640px){.c-pagination{margin-top: 24px}}
.c-dropdown{position: absolute;z-index: 0;opacity: 0;visibility: hidden;transition: opacity .3s, visibility .3s;padding: 10px}
.c-dropdown:after,
.c-dropdown:before{content: "";position: absolute;z-index: 1;width: 0;height: 0}
.c-dropdown-wrap{position: relative;z-index: 1}
.c-dropdown-main{border: 1px solid #ebeef5;z-index: 0;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)}
.c-dropdown-main,
.c-dropdown-menu{background-color: #fff;position: relative}
.c-dropdown-menu{padding: 6px 0;text-align: left;outline: none;min-width: 120px}
.c-dropdown-menu-item{padding: 6px 12px;display: block;color: rgba(0, 0, 0, .65);background-color: #fff;font-size: 14px;transition: background-color .3s}
.c-dropdown-menu-item:hover{background-color: #f5f5f5}
.c-dropdown-placement-bottomCenter{bottom: 0;left: 50%;transform: translate(-50%, 100%)}
.c-dropdown-placement-bottomCenter:after,
.c-dropdown-placement-bottomCenter:before{top: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #ebeef5}
.c-dropdown-placement-bottomCenter:after{top: 4px;border-bottom: 7px solid #fff}
.c-dropdown-placement-bottomCenter:after,
.c-dropdown-placement-bottomCenter:before{left: 50%;margin-left: -6px}
.c-dropdown-placement-bottomLeft{bottom: 0;left: -10px;transform: translateY(100%)}
.c-dropdown-placement-bottomLeft:after,
.c-dropdown-placement-bottomLeft:before{top: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #ebeef5}
.c-dropdown-placement-bottomLeft:after{top: 4px;border-bottom: 7px solid #fff}
.c-dropdown-placement-bottomLeft:after,
.c-dropdown-placement-bottomLeft:before{left: 24px}
.c-dropdown-placement-bottomRight{bottom: 0;right: -10px;transform: translateY(100%)}
.c-dropdown-placement-bottomRight:after,
.c-dropdown-placement-bottomRight:before{top: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #ebeef5}
.c-dropdown-placement-bottomRight:after{top: 4px;border-bottom: 7px solid #fff}
.c-dropdown-placement-bottomRight:after,
.c-dropdown-placement-bottomRight:before{right: 24px}
.c-dropdown-placement-topCenter{top: 0;left: 50%;transform: translate(-50%, -100%)}
.c-dropdown-placement-topCenter:after,
.c-dropdown-placement-topCenter:before{bottom: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #ebeef5}
.c-dropdown-placement-topCenter:after{bottom: 4px;border-top: 7px solid #fff}
.c-dropdown-placement-topCenter:after,
.c-dropdown-placement-topCenter:before{left: 50%;margin-left: -6px}
.c-dropdown-placement-topLeft{top: 0;left: -10px;transform: translateY(-100%)}
.c-dropdown-placement-topLeft:after,
.c-dropdown-placement-topLeft:before{bottom: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #ebeef5}
.c-dropdown-placement-topLeft:after{bottom: 4px;border-top: 7px solid #fff}
.c-dropdown-placement-topLeft:after,
.c-dropdown-placement-topLeft:before{left: 24px}
.c-dropdown-placement-topRight{top: 0;right: -10px;transform: translateY(-100%)}
.c-dropdown-placement-topRight:after,
.c-dropdown-placement-topRight:before{bottom: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #ebeef5}
.c-dropdown-placement-topRight:after{bottom: 4px;border-top: 7px solid #fff}
.c-dropdown-placement-topRight:after,
.c-dropdown-placement-topRight:before{right: 24px}
.c-dropdown-placement-leftCenter{left: 0;padding: 20px;top: 50%;transform: translate(-100%, -50%)}
.c-dropdown-placement-leftCenter:after,
.c-dropdown-placement-leftCenter:before{right: 12px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid #ebeef5}
.c-dropdown-placement-leftCenter:after{right: 14px;border-left: 7px solid #fff}
.c-dropdown-placement-leftCenter:after,
.c-dropdown-placement-leftCenter:before{top: 50%;margin-top: -6px}
.c-dropdown-placement-leftTop{left: 0;padding: 20px;top: -20px;transform: translateX(-100%)}
.c-dropdown-placement-leftTop:after,
.c-dropdown-placement-leftTop:before{right: 12px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid #ebeef5}
.c-dropdown-placement-leftTop:after{right: 14px;border-left: 7px solid #fff}
.c-dropdown-placement-leftTop:after,
.c-dropdown-placement-leftTop:before{top: 40px}
.c-dropdown-placement-leftBottom{left: 0;padding: 20px;bottom: -20px;transform: translateX(-100%)}
.c-dropdown-placement-leftBottom:after,
.c-dropdown-placement-leftBottom:before{right: 12px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid #ebeef5}
.c-dropdown-placement-leftBottom:after{right: 14px;border-left: 7px solid #fff}
.c-dropdown-placement-leftBottom:after,
.c-dropdown-placement-leftBottom:before{bottom: 40px}
@media only screen and (min-width:961px){.c-dropdown-wrap:hover .c-dropdown{opacity: 1;visibility: visible}}
@media only screen and (max-width:960px){.c-dropdown-wrap .c-dropdown{opacity: 1;visibility: visible;display: none}
.c-dropdown-wrap.mOn .c-dropdown{display: block;-webkit-animation: fadeIn .2s cubic-bezier(.645, .045, .355, 1);animation: fadeIn .2s cubic-bezier(.645, .045, .355, 1)}}
.crumb-nav{font-size: 14px}
.crumb-nav-link{color: #aaa;position: relative;max-width: 160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: flex;flex-wrap: wrap;align-items: center;margin-right: 10px}
.crumb-nav-link:after{content: "\E6A4";font-family: iconfont!important;font-size: 12px;line-height: 1;font-style: normal;margin-left: 10px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.crumb-nav-active{max-width: 160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333}
@media only screen and (max-width:640px){.crumb-nav{font-size: 12px}}
.sy-ban .swiper-container{opacity: 0;transition: opacity .4s ease}
.sy-ban .swiper-container.isready{opacity: 1}
.sy-ban .swiper-container.btn-typea .swiper-button-prev{left: 0;transform: translateX(-60px);background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}
.sy-ban .swiper-container.btn-typea .swiper-button-next{right: 0;transform: translateX(60px);background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}
.sy-ban .swiper-container.btn-typea .swiper-button-next,
.sy-ban .swiper-container.btn-typea .swiper-button-prev{outline: none;width: 44px;height: 100px;margin-top: -50px;background-color: rgba(0, 0, 0, .3);background-size: 12px 20px;background-position: 50%;transition: background-color .3s, opacity .3s, transform .3s}
.sy-ban .swiper-container.btn-typea .swiper-button-next:hover,
.sy-ban .swiper-container.btn-typea .swiper-button-prev:hover{background-color: #004aa5}
.swiper-slide{box-sizing: border-box;overflow: hidden}
.swiper-button-next,
.swiper-button-prev{outline: none}
.swiper-pagination.typea{bottom: 6%;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 28px}
.swiper-pagination.typea .swiper-pagination-bullet{width: 16px;height: 16px;border: 1px solid transparent;background-color: transparent;opacity: 1;position: relative;transition: all .3s}
.swiper-pagination.typea .swiper-pagination-bullet:after{content: "";position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;background-color: #fff;border-radius: 50%;overflow: hidden;opacity: 1;transition: opacity .3s;margin: -3px 0 0 -3px;transform: scale(.85)}
.swiper-pagination.typea .swiper-pagination-bullet-active{border-color: #fff;background-color: transparent}
.swiper-pagination.typea.swiper-pagination-bullets .swiper-pagination-bullet{}
.swiper-pagination.typeb{position: relative;bottom: 0;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 28px}
.swiper-pagination.typeb .swiper-pagination-bullet{width: 12px;height: 12px;border: 1px solid transparent;opacity: 1;background-color: transparent;position: relative;transition: all .3s;outline: none}
.swiper-pagination.typeb .swiper-pagination-bullet:after{content: "";position: absolute;left: 50%;top: 50%;width: 4px;height: 4px;margin: -2px 0 0 -2px;background-color: #ddd;border-radius: 50%;overflow: hidden;opacity: 1;transition: opacity .3s;transform-origin: 50% 50%;transform: scale(1.5);transition: all .3s}
.swiper-pagination.typeb .swiper-pagination-bullet-active{border-color: #004aa5;background-color: transparent;opacity: 1}
.swiper-pagination.typeb .swiper-pagination-bullet-active:after{background-color: #004aa5;transform: scale(1)}
.swiper-pagination.typeb.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px}
.sy-ban .swiper-container-horizontal>.svg-swiper-pagination{bottom: 5%}
.sy-ban .swiper-container-horizontal>.svg-swiper-pagination .swiper-pagination-bullet{}
.sy-ban .swiper-container-horizontal>.svg-swiper-pagination .swiper-pagination-bullet:last-child{padding-right: 0;background: none;}
.sy-ban .swiper-container-horizontal>.index-solution-pagination{bottom: 6%}
.sy-ban .swiper-container-horizontal>.index-solution-pagination .swiper-pagination-bullet{margin: 0}
.sy-ban .swiper-container-horizontal>.index-product-pagination{width: 120px;bottom: 0}
.sy-ban .swiper-container-horizontal>.index-product-pagination .swiper-pagination-bullet{margin: 0}
.svg-swiper-pagination{position: absolute;z-index: 1;display: flex;flex-wrap: wrap;justify-content: center}
.svg-swiper-pagination .swiper-pagination-bullet{background: transparent;opacity: 1;position: relative;width: 38px;height: 38px;outline: none;}
.svg-swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;left: 0;top: 0;z-index: 0;width: 38px;height: 38px;border-radius: 50%;transition: opacity .3s;background: url(../images/ic12.png) no-repeat center;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background: url(../images/ic13.png) no-repeat center;background-size: cover;width: 38px;height: 38px;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2{-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards}
.svg-swiper-pagination .svg{width: 38px;height: 38px;transform: rotate(-90deg);opacity: 0;transition: opacity .3s;display: block;}
.svg-swiper-pagination .swiper-pagination-bullet .svg{opacity: 1;}
.svg-swiper-pagination .circle1{/*stroke: #999;*/}
.svg-swiper-pagination .circle2{stroke: #fff;stroke-dasharray: 0 339;}
@-webkit-keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@-webkit-keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@media only screen and (min-width:961px){.sy-ban .swiper-container.btn-typea:hover .swiper-button-next,.sy-ban .swiper-container.btn-typea:hover .swiper-button-prev{transform: translateX(0)}}
@media only screen and (max-width:1280px){.sy-ban .swiper-container-horizontal>.index-solution-pagination{bottom: 6%}}
@media only screen and (max-width:1200px){.index-solution-pagination{padding: 0}
.index-solution-pagination .box{justify-content: center}
.index-solution-pagination .hr,.index-solution-pagination .picture,.index-solution-pagination .tit{display: none}
.index-solution-pagination .spot{background-color: #fff}
.index-solution-pagination .spot:after,.index-solution-pagination .spot:before{display: none}
.index-solution-pagination .swiper-pagination-bullet{width: 24px;height: 24px}}
.editor-detail{color: rgba(0, 0, 0, .65);font-size: 15px;line-height: 2;text-align: justify;text-justify: inter-ideograph}
.editor-detail h3{font-size: 24px;font-weight: 500;color: #333;line-height: 1.4;margin-bottom: 16px}
.editor-detail h5{font-size: 16px;font-weight: 500;color: #000}
.editor-detail hr{margin: 24px 0}
.editor-detail p{padding: 1px 0}
.editor-detail ul{list-style: none;-webkit-padding-start: 0;padding-inline-start: 0;margin-bottom: 0}
.editor-detail ul li:before{box-sizing: border-box;content: "\2022";display: inline-block;font-size: 17px;margin-left: -24px;padding-right: 11px;text-align: right;font-weight: 700;width: 24px}
.editor-detail ul p{margin: 0}
.editor-detail ol{list-style: decimal}
.editor-detail li{margin-left: 24px;padding-top: 2px}
.editor-detail a{text-decoration: none}
.editor-detail blockquote{background-color: #f2f5fb;padding: 5px 20px;margin-left: 0;margin-right: 0;color: #243342;border-left: 5px solid #d0d6dc}
.editor-detail img{max-width: 100%}
.editor-detail.img-center img{display: block;margin: 0 auto}
.editor-detail.img-mg img{display: block;margin: 15px auto}
.editor-detail.word-type{text-indent: 2em}
.editor-detail.word-type p{margin: 20px 0}
.editor-detail.word-type p img{display: block;margin: 0 auto}
.editor-detail.word-type p:first-of-type{margin-top: 0}
.editor-detail.no-spacing p{margin: 0!important}
.article-page01{background-color: #f9f9f9;padding: 32px 0 80px}
.article-page01 .wrap{padding: 50px 64px 80px;background-color: #fff}
.article-page01 .title{font-weight: 700;color: #000;margin-bottom: 30px}
.article-page01 .content h5{font-weight: 700}
@media only screen and (max-width:1024px){.article-page01{padding: 0}
.article-page01 .wrap{width: 100%;padding: 40px 3% 0}
.article-page01 .title{margin-bottom: 20px}}
@media only screen and (max-width:640px){.editor-detail{font-size: 14px;line-height: 1.8}
.editor-detail h3{font-size: 18px;margin-bottom: 10px}
.editor-detail hr{margin: 18px 0}
.editor-detail.img-mg img{margin: 10px auto}
.editor-detail.word-type p{margin: 10px 0}}
body{opacity: 0;transition: opacity .3s}
body.isReady{opacity: 1}
.page-main{overflow: hidden}
.page-pd-sm{padding: 64px 0}
.page-pd{padding: 90px 0}
.page-pd-plus{padding: 120px 0}
.c-imghover{overflow: hidden}
.c-imghover .c-imghover-item{transition: transform .4s ease-out}
.page-dw{position: absolute;left: 0;top: -100px;z-index: -1}
@media only screen and (min-width:961px){.c-imghover:hover .c-imghover-item{transition: transform 1s ease-out;transform: scale(1.1)}}
@media only screen and (max-width:1440px){.page-pd-sm{padding: 48px 0}
.page-pd{padding: 72px 0}
.page-pd-plus{padding: 100px 0}
.page-dw{top: -80px}}
@media only screen and (max-width:1200px){.page-pd-sm{padding: 40px 0}
.page-pd{padding: 60px 0}
.page-pd-plus{padding: 80px 0}}
@media only screen and (max-width:960px){.page-main{}
.page-pd-sm{padding: 30px 0}
.page-pd{padding: 48px 0}
.page-pd-plus{padding: 60px 0}
.page-dw{top: -60px}}
@media only screen and (max-width:640px){.page-pd-sm{padding: 24px 0}
.page-pd{padding: 40px 0}
.page-pd-plus{padding: 48px 0}}
.page-header{width: 100%;padding: 0 4%;position: fixed;left: 0;top: 0;z-index: 999;background-color: #fff;transition: transform .3s, background-color .3s ease-in, opacity .3s .3s}
.page-header.type-search .other,
.page-header.type-search .page-nav{opacity: 0;visibility: hidden}
.page-header.type-search .header-search{transform: translateY(0);opacity: 1;transition: opacity .3s, transform .3s}
.page-header.type-search .main{opacity: 1;transform: scaleY(1);transition-delay: 0s}
.page-header:after{content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 1px;background-color: #333;opacity: .1;transition: opacity .3s}
.page-header .other{transition: opacity .3s, visibility .3s}

.page-header .language{margin-right: 16px}
.page-header .language .title{cursor: pointer;padding-right: 14px}
.page-header .language .title:after{content: "";position: absolute;right: 0;top: 50%;margin-top: -2px;z-index: 1;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid rgba(0, 0, 0, .6)}
.page-header .language .c-dropdown-menu{min-width: 90px;text-align: center}
.page-header .search,
.page-header .user{font-size: 16px;cursor: pointer}
.page-header .search:hover,
.page-header .user:hover{color: #004aa5}
.page-header .hr{width: 1px;height: 12px;background-color: #ccc;margin: 0 12px}
.page-header .shop{line-height: 16px;padding: 8px 16px;background-image: linear-gradient(#3f76fe, #2141c0);color: #fff;border-radius: 16px;margin-left: 48px}
.page-header .shop .iconfont{font-size: 16px;margin-right: 4px}
.page-header .shop .title:after{content: "";display: block;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #fff;margin-left: 4px}
.page-header .shop .logo{height: 24px;display: block;margin: 0 auto}
.page-header .shop .c-dropdown-menu-item{padding: 8px 20px}
.page-header-zw{height: 80px;display: none}
.page-header-zw.show,
.page-logo{display: block}
.page-logo{position: relative}
.page-logo .img,.page-logo .img-w{height: 32px!important;transition: opacity .3s;}
.page-logo .img-w{position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;transform: translateY(-200px);filter: drop-shadow(#fff 0 200px);}
.page-nav{margin-left: auto;position: relative;z-index: 1;transition: opacity .3s, visibility .3s}
.page-nav .item{margin-right: 60px;position: relative}
.page-nav .item.on .link{color: #004aa5}
.page-nav .item.on .link:after{transform: scaleX(1);opacity: 1}
.page-header .item:last-child:before{content: '';display: block;width: 20px;height:20px;background-size:100% 100%;position:absolute;left:-10px;top:50%;margin-top:-10px;}
.page-header.typea .item:last-child:before{background-size:100% 100%;}
.page-header .item:last-child:hover:before{background-size:100% 100%;}
.page-nav .link{max-width: 120px;height: 80px;display: flex;flex-wrap: wrap;align-items: center;text-align: center;position: relative;padding: 0!important;font-size: 20px;color: #333;text-transform: uppercase;line-height: 80px;overflow: hidden;}
.page-nav .link:after{content: "";position: absolute;left: 0;bottom: 0;background: #004aa5;width: 100%;height: 4px;transform: scaleX(0);opacity: 0;transition: opacity .3s, transform .3s}
.page-subnav{position: absolute;left: 0;top: 80px;width: 210px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);opacity: 0;visibility: hidden;transform: scaleY(0);transform-origin: center top;transition: transform .3s, opacity .3s, visibility .3s;}
.page-subnav .slink{display: block;font-size: 16px;padding: 0 16px;color: #666;background: #fff;position: relative;transition: background-color .4s, color .4s;text-align: left;font-family: Arial;height: 42px;line-height: 42px;overflow: hidden;}
.page-subnav .slink:before{content: "";display: block;height: 1px;background: #f6f6f6;position: absolute;top: 0;left: 10%;width: 80%}
.page-subnav .slink:first-of-type:before{opacity: 0}
.page-subnav .slink:hover{background: #f6f6f6;color: #004aa5}
.header-search{position: absolute;top: 0;left: 50%;width: 700px;margin-left: -350px;z-index: 1;opacity: 0;transform: translateY(-100%);transition: opacity .3s, transform .3s}
.header-search .form{padding: 25px 20px;background-color: #fff}
.header-search .submit{background: url(../img/icon-search.png) no-repeat 50%;border: none;outline: none;padding: 0;width: 24px;height: 50px;background-size: 22px;cursor: pointer}
.header-search .input{width: calc(100% - 48px);height: 50px;border: none;padding: 0 20px;font-size: 16px;outline: none;color: #333}
.header-search .main{position: absolute;left: 0;top: 100px;z-index: 0;padding: 20px 32px;width: 100%;background-color: #fff;border-top: 1px solid #eee;transform: scaleY(0);transform-origin: center top;opacity: 0;transition: opacity .3s, transform .3s}
.header-search .tit{font-size: 12px;color: #999;margin-bottom: 20px}
.header-search .item{margin-bottom: 12px}
.header-search .search-off{width: 24px;font-size: 24px;text-align: center;line-height: 1;cursor: pointer}
.header-search-bg{position: fixed;left: 0;bottom: 0;z-index: 8;background-color: #000;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: opacity .6s, visibility .6s;cursor: pointer}
.header-search-bg.show{opacity: .5;visibility: visible}
.page-nava{position: fixed;left: 0;top: 0;z-index: 7;width: 100%;height: 100%;transition: opacity .4s ease-out, visibility .4s ease-out;opacity: 0;visibility: hidden;background-color: #fff}
.page-nava.on{opacity: 1;visibility: visible;transition-timing-function: ease-in}
.page-nava .item{padding: 100px 4% 40px;height: calc(100vh - 50px);align-items: flex-start;position: absolute;left: 0;top: 100px;z-index: 1;width: 100%;background-color: #fff;opacity: 0;visibility: hidden;transition: opacity .4s ease-out, visibility .4s ease-out}
.page-nava .item.on{opacity: 1;visibility: visible;transition-timing-function: ease-in}
.page-nava .item.on .main,
.page-nava .item.on .side{transform: translateY(0);transition-timing-function: ease-in}
.page-nava .side{width: 28%;transform: translateY(50px);transition: transform .4s ease-out}
.page-nava .side .sitem{display: flex;flex-wrap: wrap;overflow: hidden}
.page-nava .side .link{font-size: 32px;font-weight: 300;color: grey;position: relative;line-height: 1.25;padding-bottom: 10px;margin-bottom: 40px;padding-left: 20px;transform: translateX(-20px);transition: transform .3s, color .3s;letter-spacing: 2px}
.page-nava .side .link:after{content: "";position: absolute;left: 0;bottom: 0;width: 54px;height: 2px;background-color: grey;transform-origin: left center;transition: width .3s, background-color .3s}
.page-nava .main{width: 72%;padding-right: 110px;align-items: flex-start;justify-content: space-between;position: relative;transform: translateY(50px);transition: transform .4s ease-out}
.page-nava .main .block{width: calc(50% - 20px);display: flex;flex-wrap: wrap;justify-content: space-between}
.page-nava .main .tit{font-size: 16px;margin-top: 18px;width: 100%}
.page-nava .close{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;position: absolute;right: 4%;top: 30px;z-index: 0;width: 50px;height: 50px;font-size: 20px;color: #444;cursor: pointer}
.page-nava .close:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid rgba(0, 0, 0, .15);border-radius: 50%;transition: transform .3s}
.page-nava .box1{position: relative;display: block;margin-top: 40px;overflow: hidden}
.page-nava .box1:first-of-type{margin-top: 0}
.page-nava .box1:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;background-color: rgba(0, 0, 0, .33);opacity: 0;transition: opacity .3s}
.page-nava .box1 .img{width: 100%;transition: transform .3s;position: relative;z-index: 0}
.page-nava .box1 .btn{width: 168px;line-height: 48px;position: absolute;left: 50%;top: 50%;z-index: 2;margin-left: -84px;margin-top: -24px;background-color: #004aa5;color: #fff;text-align: center;border-radius: 24px;font-size: 17px;transform: translateY(50px);opacity: 0;transition: transform .3s, opacity .3s}
.page-nava .box1 .title{font-size: 24px;color: #fff;padding: 24px 30px}
.page-nava .box1 .title,
.page-nava .box1:before{position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%}
.page-nava .box1:before{content: "";height: 40%;opacity: .4;background-image: linear-gradient(transparent, #000)}
.page-nava .wrap1{width: calc(50% - 20px);margin-top: 40px}
.page-nava .wrap1:first-of-type,
.page-nava .wrap1:nth-of-type(2){margin-top: 0}
.page-nava .box2{display: block;background-color: #f4f4f4;position: relative;padding-bottom: 100%;overflow: hidden}
.page-nava .box2 .img{max-width: 70%;max-height: 70%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: transform .3s ease-out}
@media only screen and (min-width:1025px){.page-header.typea:not(.typeanot){background-color: transparent;}
.page-header.typea:not(.typeanot) .page-nav .item:nth-child(2) .link{background: url(../images/ic08.png) no-repeat right;}
.page-header.typea:not(.typeanot):hover .page-nav .item:nth-child(2) .link{background: url(../images/ic07.png) no-repeat right;}
.page-header.typea:not(.typeanot):after{background-color: #fff;opacity: .3;}
.h-lang a{color: #333;border: 1px solid #333;font-size: 16px;width: 70px;height: 30px;border-radius: 18px;line-height: 30px;display: block;text-align: center;}
.h-lang a:hover,.page-header.typea:not(.typeanot):hover .h-lang a:hover{border: 1px solid #004aa5;background: #004aa5;color: #fff;}
.page-header.typea:not(.typeanot) .h-lang a{color: #fff;border: 1px solid #fff;font-size: 16px;width: 70px;height: 30px;border-radius: 18px;line-height: 30px;display: block;text-align: center;}
.page-header.typea:not(.typeanot):hover .h-lang a{color: #333;border: 1px solid #333;}
.page-header.typea:not(.typeanot) .xiala-fl{background: url(../images/ic15.png) no-repeat center;}
.page-header.typea:not(.typeanot):hover .xiala-fl{background: url(../images/ic14.png) no-repeat center;}
.page-header.typea:not(.typeanot) .page-logo .img{opacity: 0}
.page-header.typea:not(.typeanot) .page-logo .img-w{opacity: 1}
.page-header.typea:not(.typeanot) .language .title,.page-header.typea:not(.typeanot) .page-nav .link{color: #fff}
.page-header.typea:not(.typeanot) .language .title:after{border-top-color: #fff}
.page-header.typea:not(.typeanot) .search,.page-header.typea:not(.typeanot) .user{color: #fff}
.page-header.typea:not(.typeanot) .hr,.page-header.typea:not(.typeanot):hover{background-color: #fff}
.page-header.typea:not(.typeanot):hover:after{opacity: .1}
.page-header.typea:not(.typeanot):hover .page-logo .img{opacity: 1}
.page-header.typea:not(.typeanot):hover .page-logo .img-w{opacity: 0}
.page-header.typea:not(.typeanot):hover .page-nav .link{color: rgba(0, 0, 0, .6)}
.page-header.typea:not(.typeanot):hover .page-nav .item.on .link,.page-header.typea:not(.typeanot):hover .page-nav .link:hover{color: #004aa5}
.page-header.typea:not(.typeanot):hover .language .title{color: rgba(0, 0, 0, .6)}
.page-header.typea:not(.typeanot):hover .language .title:after{border-top-color: rgba(0, 0, 0, .6)}
.page-header.typea:not(.typeanot):hover .search,.page-header.typea:not(.typeanot):hover .user{color: rgba(0, 0, 0, .6)}
.page-header.typea:not(.typeanot):hover .hr{background-color: #ccc}
.page-nav .item:hover .link{color: #004aa5}
.page-nav .item:hover .link:after{transform: scaleX(1);opacity: 1}
.page-nav .item:hover .page-subnav{transform: scaleY(1);opacity: 1;visibility: visible}
.page-nava .side .link:hover{transform: translateX(0);color: #004aa5}
.page-nava .side .link:hover:after{width: 100%;background-color: #004aa5}
.page-nava .close:hover:after{transform: scale(1.1)}
.page-nava .box1:hover:after{opacity: 1}
.page-nava .box1:hover .btn{opacity: 1;transform: translateY(0)}
.page-nava .box1:hover .img{transform: scale(1.1)}
.page-nava .box2:hover .img{transform: translate(-50%, -50%) scale(1.1)}}
@media only screen and (max-width:1600px){.page-header{padding: 0 3%}
.page-nav .item{margin-right: 40px}
.page-nava .item{padding: 80px 3% 30px}
.page-nava .side .link{font-size: 28px;margin-bottom: 32px}
.page-nava .side .link:after{width: 48px}
.page-nava .box1 .title{font-size: 18px;padding: 16px 24px}
.page-nava .box1 .btn{width: 128px;line-height: 40px;border-radius: 20px;font-size: 15px}
.page-nava .main .block{width: calc(50% - 17px)}
.page-nava .box1,.page-nava .wrap1{margin-top: 34px}
.page-nava .close{right: 3%;top: 24px}}
@media only screen and (max-width:1440px){.page-logo .img,.page-logo .img-w{height: 32px}
.page-nav .item{margin-right: 32px}
.page-nav .link{height: 80px;padding: 0}
.page-header .shop{font-size: 12px;margin-left: 20px}
.page-header .shop .iconfont{font-size: 14px}
.page-header .shop .title:after{display: none}
.page-subnav{width: 120px;top: 80px}
.page-subnav .slink{font-size: 13px;padding: 8px 16px}
.header-search{width: 520px;margin-left: -260px}
.header-search .form{padding: 20px}
.header-search .input{height: 40px;font-size: 14px;padding: 0 16px}
.header-search .submit{height: 40px}
.header-search .main{top: 80px;padding: 20px 24px}
.page-nava .item{top: 80px;height: calc(100vh - 80px)}
.page-header-zw{height: 80px}
.page-header .item:last-child:before{width: 16px;height:16px;left:-19px;top:51%;}}
@media only screen and (max-width:1280px){.page-nava .item{padding: 60px 3% 20px}
.page-nava .side .link{font-size: 24px;letter-spacing: 0;padding-bottom: 8px;margin-bottom: 28px}
.page-nava .side .link:after{width: 44px;height: 1px}
.page-nava .box1 .title{font-size: 18px;padding: 16px 24px}
.page-nava .box1 .btn{width: 120px;line-height: 36px;border-radius: 18px;font-size: 14px}
.page-nava .main{margin-left: auto}
.page-nava .main .block{width: calc(50% - 12px)}
.page-nava .main .tit{margin-top: 12px;font-size: 14px}
.page-nava .box1{margin-top: 24px}
.page-nava .wrap1{margin-top: 32px}
.page-nava .main{max-width: 800px}}
@media only screen and (max-width:1200px){.page-header .language{margin-right: 12px}
.page-header .hr{margin: 0 8px}
.page-header .shop{margin-left: 16px}
.page-nav .item{margin-right: 16px}}
@media only screen and (max-width:1024px){.page-logo .img,.page-logo .img-w{height: 26px}
.page-nav,.page-nava{display: none}
.page-header{height: 60px;padding-right: 0}
.page-header .shop{display: none}
.page-header .other{margin-left: auto;margin-right: 60px}
.page-header .hr,.page-header .search{display: none}
.page-header .user .iconfont{display: block;width: 60px;line-height: 60px;height: 60px;border-right: 1px solid #eee;text-align: center;font-size: 22px}
.page-header .language{margin-right: 0}
.page-header .language .title{width: 60px;line-height: 60px;height: 60px;border-right: 1px solid #eee;text-align: center;font-size: 17px;padding: 0}
.page-header .language .title:after{display: none}
.page-header-zw{display: none!important}}
.mbnav-btn{width: 60px;height: 60px;position: absolute;right: 0;top: 0;cursor: pointer;overflow: hidden;transition: all .4s ease-out;display: none}
.mbnav-btn-list{width: 30px;height: 18px;position: absolute;top: 21px;right: 15px}
.mbnav-btn-item{position: absolute;right: 0;width: 100%;height: 2px;background-color: #666;border-radius: 1px;border-radius: 1.5px;transition: all .3s}
.mbnav-btn-item:first-of-type{top: 0}
.mbnav-btn-item:nth-of-type(2){top: 8px}
.mbnav-btn-item:nth-of-type(3){width: 50%;top: 16px}
.mbnav{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 10;opacity: 0;visibility: hidden;transition: opacity .3s, visibility .3s;overflow: hidden}
.mbnav ::-webkit-scrollbar{width: 0;height: 0;background-color: hsla(0, 0%, 100%, 0)}
.mbnav .data{display: none}
.mbnav .bg{left: 0;bottom: 0;z-index: 0}
.mbnav .bg,
.mbnav .main{position: absolute;top: 0;right: 0}
.mbnav .main{z-index: 1;width: 240px;height: 100%;background-color: #fff;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);overflow: hidden;transform: translateX(100%);transition: transform .3s}
.mbnav .header{background-color: #004aa5}
.mbnav .search{display: flex;flex-wrap: wrap;align-items: center;padding: 0 20px;height: 60px;line-height: 60px;border-bottom: none;background: #004aa5}
.mbnav .search .submit{background: none;padding: 0;width: 22px;background-size: 20px;font-size: 22px}
.mbnav .search .input,
.mbnav .search .submit{border: none;outline: none;height: 60px;color: #fff}
.mbnav .search .input{width: calc(100% - 22px);line-height: 1.5;padding: 0 0 0 12px;font-size: 16px;background: none}
.mbnav .search ::-moz-placeholder{color: #fff}
.mbnav .search ::-webkit-input-placeholder{color: #fff}
.mbnav .search :-ms-input-placeholder{color: #fff}
.mbnav .item{display: block;height: 50px;line-height: 50px;padding: 0 20px;font-size: 15px;border-bottom: 1px solid #f2f2f2;color: #777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative}
.mbnav .item.sub{padding-right: 40px}
.mbnav .item.sub:after{position: absolute;right: 16px;top: 50%;margin-top: -7px;content: "\E6A4";font-family: iconfont!important;font-size: 14px;line-height: 1;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.mbnav .slist{position: fixed;top: 0;right: 0;z-index: 1;width: 240px;height: 100%;transform: translateX(100%)}
.mbnav .sitem{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;opacity: 0;visibility: hidden;transition: opacity .3s, visibility .3s, transform .3s}
.mbnav .sitem.active{transform: translateX(-100%);opacity: 1;visibility: visible}
.mbnav .tit{font-size: 16px;line-height: 60px;padding-right: 20px;padding-left: 40px;text-align: right;background-size: 7px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background-color: #f2f2f2;position: relative}
.mbnav .tit:before{position: absolute;left: 16px;top: 50%;margin-top: -7px;content: "\E6DB";font-family: iconfont!important;font-size: 14px;line-height: 1;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
@-webkit-keyframes phone-navtop-animon{0%{top: 0;transform: rotate(0)}
50%{top: 8px;transform: rotate(0)}
to{top: 8px;transform: rotate(45deg)}}
@keyframes phone-navtop-animon{0%{top: 0;transform: rotate(0)}
50%{top: 8px;transform: rotate(0)}
to{top: 8px;transform: rotate(45deg)}}
@-webkit-keyframes phone-navbottom-animon{0%{width: 50%;top: 16px;transform: rotate(0)}
50%{width: 100%;top: 8px;transform: rotate(0)}
to{width: 100%;top: 8px;transform: rotate(-45deg)}}
@keyframes phone-navbottom-animon{0%{width: 50%;top: 16px;transform: rotate(0)}
50%{width: 100%;top: 8px;transform: rotate(0)}
to{width: 100%;top: 8px;transform: rotate(-45deg)}}
@-webkit-keyframes phone-navtop-animoff{0%{top: 8px;transform: rotate(45deg)}
50%{top: 8px;transform: rotate(0)}
to{top: 0;transform: rotate(0)}}
@keyframes phone-navtop-animoff{0%{top: 8px;transform: rotate(45deg)}
50%{top: 8px;transform: rotate(0)}
to{top: 0;transform: rotate(0)}}
@-webkit-keyframes phone-navbottom-animoff{0%{width: 100%;top: 8px;transform: rotate(-45deg)}
50%{width: 100%;top: 8px;transform: rotate(0)}
to{width: 50%;top: 16px;transform: rotate(0)}}
@keyframes phone-navbottom-animoff{0%{width: 100%;top: 8px;transform: rotate(-45deg)}
50%{width: 100%;top: 8px;transform: rotate(0)}
to{width: 50%;top: 16px;transform: rotate(0)}}
@media only screen and (max-width:1024px){.mbnav-btn{display: block}
body.mbNavOpen .mbnav-btn-item:first-of-type{-webkit-animation: phone-navtop-animon .4s linear forwards;animation: phone-navtop-animon .4s linear forwards}
body.mbNavOpen .mbnav-btn-item:nth-of-type(2){opacity: 0}
body.mbNavOpen .mbnav-btn-item:nth-of-type(3){-webkit-animation: phone-navbottom-animon .4s linear forwards;animation: phone-navbottom-animon .4s linear forwards}
body.mbNavOpen .mbnav{opacity: 1;visibility: visible}
body.mbNavOpen .mbnav .main{transform: translateX(0)}
body.mbNavOpen .page-header{transform: translateX(-240px)}
body.mbNavOff .mbnav-btn-item:first-of-type{-webkit-animation: phone-navtop-animoff .4s linear forwards;animation: phone-navtop-animoff .4s linear forwards}
body.mbNavOff .mbnav-btn-item:nth-of-type(2){opacity: 1;transition: opacity .2s linear .2s}
body.mbNavOff .mbnav-btn-item:nth-of-type(3){-webkit-animation: phone-navbottom-animoff .4s linear forwards;animation: phone-navbottom-animoff .4s linear forwards}
body.mbNavOff .mbnav{opacity: 0;visibility: hidden}
body.mbNavOff .mbnav .main{transform: translateX(100%)}}
.bannerswiper{height: auto;width: 100%;overflow: hidden;}
.bannerswiper .swiper-slide{background: no-repeat 50%/cover;position: relative}
.bannerswiper .img-m{width: 100%;display: none}
.bannerswiper .video{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}
.index-solution .main{position: absolute;left: 50%;top: 20%;z-index: 1;color: #fff;transform: translateX(-50%)}
.index-solution .wrap{max-width: 670px}
.index-solution .content,
.index-solution .more,
.index-solution .title{transform: translateY(60px);opacity: 0;transition: transform .3s, opacity .3s}